<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>My Todo App</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css"/>
</head>
<body>
    <div class="msg">
        <span class="msg-content"></span>
        <!--<button type="button">知道了</button>-->
        <span class="anchor confirmed">知道了</span>
    </div>
    <div class="container">
        <h1>我的Todo</h1>
        <!--输入框-->
        <div class="add-task">
            <form action="###">
                <input type="text" placeholder="e.g.下午记得买菜" name="content">
                <!--<input type="submit" value="提交" class="button">-->
                <button type="submit">提交</button>
            </form>
        </div>
        <!--列表-->
        <div class="task-list"></div>
        <!--悬浮层-->
        <div class="task-detial-mask"></div>
        <!--详情-->
        <div class="task-detial">
            <!--<div>
                <div class="content">下午记得买菜</div>
                <div>
                    <div class="desc"><textarea name="" id="" cols="30" rows="10"></textarea></div>
                </div>
                <div class="remind">
                    <input type="date">
                </div>
            </div>-->
        </div>
    </div>
</body>
<video class="alerter" src="alert.mp3"></video>
<script type="text/javascript" src="../jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.datetimepicker.full.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/store.js/1.3.20/store.js"></script>
<script type="text/javascript" src="js/base.js"></script>
</html>